<!DOCTYPE html>

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="decorator"
	uri="http://www.opensymphony.com/sitemesh/decorator"%>
<%@taglib prefix="page" uri="http://www.opensymphony.com/sitemesh/page"%>
<%@taglib prefix="s" uri="/struts-tags"%>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><decorator:title default="Mua bán cho nhận" /></title>
<%--  <link href="<s:url value='/styles/main.css'/>" rel="stylesheet"  media="screen"/>
    <script  src="<s:url value='/struts/niftycorners/nifty.js'/>"></script> --%>
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300' rel='stylesheet' type='text/css'>-->

<!-- main JS libs  -->
<script type="text/javascript"
	src="<s:url value='/js/libs/modernizr.min.js'/>"></script>
<script type="text/javascript"
	src="<s:url value='/js/libs/respond.min.js'/>"></script>
<script type="text/javascript"
	src="<s:url value='/js/libs/jquery.min.js'/>"></script>
<script type="text/javascript"
	src="<s:url value='/js/libs/jquery-ui-1.9.2.min.js'/>"></script>
<script type="text/javascript"
	src="<s:url value='/js/bootstrap-dialog.min.js'/>"></script>
<script type="text/javascript"
	src="<s:url value='/js/bootstrap.min.js'/>"></script>


<!-- Style CSS-->
<link href="<s:url value='/styles/bootstrap-dialog.min.css'/>"
	rel="stylesheet" media="screen" />
<link href="<s:url value='/styles/bootstrap.min.css'/>" rel="stylesheet"
	media="screen" />
<link href="<s:url value='/styles/mainCss.css'/>" rel="stylesheet"
	media="screen" />
<link href="<s:url value='/style.css'/>" rel="stylesheet" media="screen" />
<link href="<s:url value='/screen.css'/>" rel="stylesheet"
	media="screen" />
<link href="<s:url value='/styles/jquery-ui-1.9.2.min.css'/>"
	rel="stylesheet" media="screen" />



<!-- scripts  -->
<script type="text/javascript"
	src="<s:url value='/js/jquery.easing.1.3.min.js'/>"></script>
<script type="text/javascript" src="<s:url value='/js/general.js'/>"></script>
<script type="text/javascript" src="<s:url value='/js/hoverIntent.js'/>"></script>

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript"
	src="<s:url value='/js/jquery.fancybox.js'/>"></script>
<link rel="stylesheet" type="text/css"
	href="<s:url value='/styles/jquery.fancybox.css'/>" media="screen" />

<!-- Lightbox prettyPhoto -->
<link href="<s:url value='/styles/prettyPhoto.css'/>" rel="stylesheet"
	media="screen" />
<script type="text/javascript"
	src="<s:url value='/js/jquery.prettyPhoto.js'/>"></script>

<!-- preloadify -->
<script type="text/javascript"
	src="<s:url value='/js/jquery.preloadify.min.js'/>"></script>
<!-- styled select -->
<link href="<s:url value='/styles/cusel.css'/>" rel="stylesheet"
	media="screen" />
<script type="text/javascript" src="<s:url value='/js/cusel-min.js'/>"></script>
<!-- common JS libs  -->
<script type="text/javascript" src="<s:url value='/js/common.js'/>"></script>
<script type="text/javascript">
	$(document).ready(function() {

		$(".preload").preloadify({
			imagedelay : 250
		});
	});
</script>
<decorator:head />
<style type="text/css">
#ulMemberMenu {
	float: left;
	padding: 0;
	list-style: none;
	background: #00A49B;
	z-index: 200;
	position: relative;
}

#ulMemberMenu li {
	text-align: center;
}

#ulMemberMenu li a {
	display: flex;
	padding: 5px 10px;
	background: #00A49B;
	text-decoration: none;
	width: 100%;
	margin-top: 0px;
}

#ulMemberMenu li a:hover {
	background: #61C3BE;
}

#ulMemberMenu li ul {
	display: none;
	z-index: 100;
	margin-top: 24px;
	position: absolute;
}

#ulMemberMenu li:hover ul {
	display: block !important; /* display the dropdown */
	background: #00A49B;
	width: 100%;
}

a#aMemberNm {
	margin-top: -5px !important;
}
#divTinyAvt{
width: 24px;
height: 24px;
background-image: url('images/noavatar.jpg');
background-size:24px; 
}
img#tinyAvt {

width: 25px;
}
em {
font-style: normal;
margin-top: 4px;
margin-left: 7px;
}
</style>
</head>
<body id="page-home">
	<div class="body_wrap">

		<!-- header top bar -->
		<div class="header_top">
			<div class="container">
				<div class="logo">
					<input type="text" id="txtSearch" placeholder="tìm kiếm">

				</div>
				<a href="index"><img alt="" id="iconSearch"
					src="./images/searchIcon.png"></a>
			</div>
			<div id="logo">
				<a href="index"><img alt="" src="./images/logo.png"></a>
			</div>
			<s:if test="%{#session.sessionId != null}">
				<div id="membercontrol">
					<a href="mbcn">mbcn!</a>
					<ul id="ulMemberMenu">
						<li><a href="#" id="aMemberNm"> 
						<div id="divTinyAvt">
							<img onerror="this.style.display='none'" src="imagesUserUploaded/${sessionScope.memberAvt}" id="tinyAvt" />
						</div> 
						<em>${memberNm}</em>
						</a>
							<ul>
								<li><a href="#">Hoạt động</a></li>
								<li><a href="member?memberId=${sessionScope.memberId}">Tài khoản</a></li>
								<li><a href="#" onclick="javascript:JS_COMMON.doLogout();">Đăng xuất</a></li>
							</ul></li>
					</ul>
				</div>
			</s:if>
			<s:else>
				<div id="membercontrol">
					<a href="#" onclick="javascript:JS_COMMON.showPopup('login',400,600,'no',false);">mbcn!</a> <a href="#" id="popup"
						onclick="javascript:JS_COMMON.showPopup('login',400,600,'no',false);">Tham
						gia</a>
				</div>
			</s:else>
		</div>
		<!--/ header top bar -->
		<!-- header -->
		<div class="header header_thin">

			<div id="topmenu">
				<ul class="dropdown">
					<li class="menu-level-0 current-menu-item"><a href="index"><i
							class="icon-menu icon-menu1"></i><span>Trang chủ</span></a></li>
					<li class="menu-level-0"><a href="#"><i
							class="icon-menu icon-menu2"></i><span>Về chúng tôi</span></a></li>
					<li class="menu-level-0"><a href="blog"><i
							class="icon-menu icon-menu3"></i><span>Blog</span></a></li>
					<li class="menu-level-0"><a href="contact"><i
							class="icon-menu icon-menu4"></i><span>Liên hệ</span></a></li>
				</ul>
			</div>
			<!-- <div class="container">
		</div> -->
		</div>
		<!--/ header -->
		<!-- main -->
		<div id="main_block">
			<decorator:body />
		</div>
		<!-- end main -->
		<!--middle bottom-->
		<div class="middle-bottom">
			<div class="container">
				<div class="question clearfix">
					<h2>Bạn muốn hỗ trợ cho sự phát triển của mbcn?</h2>
					<a href="#" class="btn btn-default alignright"><span>donate</span></a>
				</div>
			</div>
		</div>
		<!--middle bottom-->
		<footer>
			<div class="container clearfix">

				<div class="footer_social ">
					<a href="#" class="social-fb"><span>Facebook</span></a> <a href="#"
						class="social-pinterest"><span>Pinterest</span></a> <a href="#"
						class="social-twitter"><span>Twitter</span></a>
				</div>

				<div class="copyright">
					Mua bán cho nhận <a href="#">Đời nghiêng - Gã da Vàng</a>
				</div>
			</div>
		</footer>
	</div>
</body>
</html>
